2
תגובות
שלום,
יש לי בעמוד 2 תיבות טקסט, DIV וכפתור.
המטרה היא שכאשר המשתמש מזין תוכן בשתי תיבות הטקסט ולוחץ על הכפתור יתבצע הדבר הבא:
הטקסט שהוא הזין בתיבת טקסט מס'2 יופיע בDIV, אבל, במידה והטקסט שהוא הקליד בתיבת טקסט מס'2 מכיל בתוכו מילים שהוא הקליד גם בתיבת טקסט מס'1, אז המילים הללו יהיו בצבע אדום, תוך הכללתן בתוך SPAN.
(למשל, אם הוא הקליד בתיבת טקסט מס'1 את המילה מים ובתיבת טקסט מס'2 הוא כתב את המילה פעמים , אז כשהמילה פעמים תופיע בDIV, ה"מים" צריך להיות בצבע אדום).
אז איך אוכל לבצע זאת?
תודה רבה לכל העוזרים!!!
יש לי בעמוד 2 תיבות טקסט, DIV וכפתור.
המטרה היא שכאשר המשתמש מזין תוכן בשתי תיבות הטקסט ולוחץ על הכפתור יתבצע הדבר הבא:
הטקסט שהוא הזין בתיבת טקסט מס'2 יופיע בDIV, אבל, במידה והטקסט שהוא הקליד בתיבת טקסט מס'2 מכיל בתוכו מילים שהוא הקליד גם בתיבת טקסט מס'1, אז המילים הללו יהיו בצבע אדום, תוך הכללתן בתוך SPAN.
(למשל, אם הוא הקליד בתיבת טקסט מס'1 את המילה מים ובתיבת טקסט מס'2 הוא כתב את המילה פעמים , אז כשהמילה פעמים תופיע בDIV, ה"מים" צריך להיות בצבע אדום).
אז איך אוכל לבצע זאת?
תודה רבה לכל העוזרים!!!
2 תשובות
ענה
לקחת את הטקסט בשדה קלט הראשון ולפרק למחרוזת באמצעות str.split, מה שישאיר מערך של מילים.
כנל לגבי שדה מספר 2.
לאחר מכן לעבור על מערך מספר אחד ועבור כל מילה שבו, לבדוק האם נמצאת גם במערך 2 באמצעות הפונקציה array.indexof
אם לא נמצאת - להכניס אותה לדיב
אם כן נמצאת - לעטוף אותה בספאן ולהכניס לדיב
מכאן תסתדר?
ושים לב ש array.indexOF עובד בכל הדפדפנים, חוץ מאקספלורר 8 ומטה. אם אתה צריך תמיכה בו, יש שם דוגמה לקטע קוד, תחת הכותרת polyfill שתצטרך להכניס לקוד שלך גם כן.
ענה